<template>
	<view class="personal">
		<view class="top">
			<view class="login" @click="login" >
				点击授权登录
			</view>
		</view>
		<view class="top_text">
			
			<view class="text">
				<view class="text1" @click="service">
					<image src="../../static/img/v.png" mode=""></image>
					<view class="aa">
						服务分：0
					</view>
				</view>
				<view class="text1">
					<image src="../../static/img/dou1.png" mode=""></image>
					<view class="aa">
						通知次数：0
					</view>
				</view>
			</view>
		</view>
		<view class="list">
			<view class="con">
				<view class="con_img">
					<image src="../../static/img/info-order.png" mode=""></image>
				</view>
				<view class="wode" @click="order">
					<view class="">
						我的订单
					</view>
					<view class="">
						0单
					</view>
				</view>
			</view>
			<view class="line"></view>
			<view class="con">
				<view class="con_img">
					<image src="../../static/img/info-money.png" mode=""></image>
				</view>
				<view class="wode">
					<view class="" @click="wallet">
						我的钱包
					</view>
					<view class="">
						0元
					</view>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="row">
				<view class="row1" @click="equip">
					<image src="../../static/img/info-1.png" mode=""></image>
					<view class="row1_text">
						装备商城
					</view>
				</view>
				<view class="row1" @click="punish">
					<image src="../../static/img/info-5.png" mode=""></image>
					<view class="row1_text">
						奖惩记录
					</view>
				</view>
				<view class="row1" @click="ranking">
					<image src="../../static/img/info-sort.png" mode=""></image>
					<view class="row1_text">
						排行榜
					</view>
				</view>
			</view>
			<view class="row">
				<view class="row1" @click="manual">
					<image src="../../static/img/info-2.png" mode=""></image>
					<view class="row1_text">
						接单员手册
					</view>
				</view>
				<view class="row1" @click="appeal">
					<image src="../../static/img/info-6.png" mode=""></image>
					<view class="row1_text">
						处罚申诉
					</view>
				</view>
				<view class="row1" @click="business">
					<image src="../../static/img/info-register.png" mode=""></image>
					<view class="row1_text">
						更多认证
					</view>
				</view>
			</view>
			<view class="row">
				<view class="row1" @click="customer_service">
					<image src="../../static/img/info-3.png" mode=""></image>
					<view class="row1_text">
						联系客服
					</view>
				</view>
				<view class="row1">
					<image src="../../static/img/team.png" mode=""></image>
					<view class="row1_text">
						合作团队
					</view>
				</view>
				<view class="row1" @click="open">
					<image src="../../static/img/info-control.png" mode=""></image>
					<view class="row1_text">
						调度中心
					</view>
				</view>
				<u-modal @confirm="confirm" v-model="show" :content="content" :show-cancel-button="true" title="温馨提示" :show-title="true"></u-modal>
			</view>
			<view class="row">

				<view class="row1">
					<image src="../../static/img/info-4.png" mode=""></image>
					<view class="row1_text">
						推荐奖励
					</view>
				</view>
				<view class="row1">
					<image src="../../static/img/order_code.png" mode=""></image>
					<view class="row1_text">
						专属二维码
					</view>
				</view>
				<view class="row1" @click="setting">
					<image src="../../static/img/info-9.png" mode=""></image>
					<view class="row1_text">
						设置
					</view>
				</view>
			</view>
		</view>
		<view class="picture">
		</view>
	</view>
</template>

<script>
	import {login} from '../../models/axios.js'
	export default {
		name: "personal",
		data() {
			return {
				show: false,
				content: '是否需要切换到调度中心',
			}
		},
		methods: {
			async login(){
				let data={}
				let res=await login(data);
				console.log(res);
			},
			confirm(){
				uni.navigateTo({
					url: "/pages/index/dispatcher"
				})
			},
			open() {
				this.show = true;
			},
			service() {
				uni.navigateTo({
					url: "/pages/index/service"
				})
			},
			order() {
				uni.navigateTo({
					url: "/pages/index/order"
				})
			},
			wallet() {
				uni.navigateTo({
					url: "/pages/index/wallet"
				})
			},
			equip() {
				uni.navigateTo({
					url: "/pages/index/equip"
				})
			},
			punish() {
				uni.navigateTo({
					url: "/pages/index/punish"
				})
			},
			ranking(){
				uni.navigateTo({
					url: "/pages/index/ranking"
				})
			},
			manual(){
				uni.navigateTo({
					url: "/pages/index/manual"
				})
			},
			appeal(){
				uni.navigateTo({
					url: "/pages/index/appeal"
				})
			},
			business(){
				uni.navigateTo({
					url: "/pages/index/business"
				})
			},
			customer_service(){
				uni.navigateTo({
					url: "/pages/index/customer_service"
				})
			},
			setting(){
				uni.navigateTo({
					url: "/pages/index/setting"
				})
			},
		},
	}
</script>

<style scoped>
	.personal {
		background: rgb(238, 238, 238);
		height: 1250rpx;
	}

	.top {
		/* background: rgb(51, 198, 232); */
		background-image: url(../../static/img/info_bj.jpg);
		background-size: 100% 200px;
		width: 100%;
		height: 400rpx;
	}

	.top_text {
		width: 100%;
		height: 90rpx;
		background: #FFFFFF;
		/* border-radius: 100% 100% 0 0; */
	}

	.picture {
		border-radius: 100%;
		width: 117rpx;
		height: 117rpx;
		background-image: url(../../static/img/info-space.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 auto;
		margin-top: -144%;
	}

	.login {
		text-align: center;
		padding-top:300rpx;
	}

	.text {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.text1 {
		display: flex;
		flex-direction: row;
	}

	.text1 image {
		width: 60rpx;
		height: 60rpx;
	}

	.aa {
		padding-top: 12rpx;
		padding-left: 12rpx;
	}

	.list {
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 140rpx;
		background: #ffff;
		margin-top: 4%;
		justify-content: space-around;
		align-items: center;

	}

	.con {
		display: flex;
		flex-direction: row;
	}

	.con_img image {
		width: 90rpx;
		height: 90rpx;
	}

	.line {
		width: 2rpx;
		height: 100rpx;
		border-left: 2rpx;
		background: rgb(238, 238, 238);
	}

	.content {
		width: 100%;
		height: 560rpx;
		background: #FFFFFF;
		margin-top: 4%;
		display: flex;
		flex-direction: row;
	}

	.row {
		display: flex;
		flex-direction: column;
		padding: 20rpx;
		margin: 0 auto;
	}

	.row1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 15% auto;
		height: 180rpx;
	}

	.row1 image {
		width: 90rpx;
		height: 90rpx;
	}
	.wode{
		padding-left:10rpx;
	}
</style>
